<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表单样式下</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
	</head>
	<body>
		<form role="form">
			<fieldset >
				<input type="text" class="form-control" />
				<textarea class="form-control" rows="5">hello</textarea>
				
				<!--多选框-->
				<div class="checkbox">
					<label >
						<input type="checkbox" value="" />吃苹果
					</label>
				</div>
				<div class="checkbox">
					<label >
						<input type="checkbox" value="" />吃橘子
					</label>
				</div>
				
				<!--单选框-->
				<div class="radio">
					<label>
						<input type="radio" checked="" name="radios"/>男
					</label>
				</div>
				<div class="radio">
					<label>
						<input type="radio" checked="" name="radios"/>女
					</label>
				</div>
				
				<!--下拉列表-->
				<select class="form-control" multiple="multiple">
					<option>1</option>
					<option>2</option>
					<option>3</option>
					<option>4</option>
				</select>
				
				<!--静态控件-->
				<p class="form-control-static">请按照我的格式输入：hello@123.com</p>
				
				<!--禁用样式-->
				<input class="form-control" type="text" disabled="disabled" />
			
			    <!--只读的输入框-->
			    <input class="form-control" type="text" readonly="readonly"/>
			    <br /><br /><br /><br />
			    <!--测试警告提示的框-->
			    <div class="form-group has-error has-feedback">
			    	<label>用户名1错误</label>
			    	<input type="text" class="form-control" type="text" />
			    	<span class="glyphicon glyphicon-heart-empty form-control-feedback"></span>
			    </div>
			     <div class="form-group has-feedback">
			    	<label>用户名2反馈意见 </label>
			    	<input type="text" class="form-control" type="text" />
			    	<span class="glyphicon glyphicon-heart-empty form-control-feedback"></span>
			    </div>
			     <div class="form-group has-success has-feedback">
			    	<label>用户名3成功</label>
			    	<input type="text" class="form-control" type="text" />
			    	<span class="glyphicon glyphicon-heart-empty form-control-feedback"></span>
			    </div>
			    
			    <!--辅助·文本-->
			    <p class="help-block">这个是辅助文本</p>
			</fieldset>	
		</form>
	</body>
</html>
